<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
		<meta content="telephone=no" name="format-detection">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
	
		<!-- ios私有meta类 -->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />	
	
		<!--引用SUI Modle资源-->
		<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.2/css/sm.min.css">
    	<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.2/css/sm-extend.min.css">
		
		<!--引入本地文件-->
		<link rel="stylesheet" href="css/reset.css" type="text/css">
		<link rel="stylesheet" href="css/normalize.css" type="text/css">
		<link rel="stylesheet" href="css/index.css" type="text/css">
	
		<title>人人易商城</title>
	</head>
	<body>
		
		<div class="page" id="page-index">
			<header class="bar bar-nav">
				<a href="user.html" class="icon icon-me pull-left external"></a>
				<img src="http://test.renren1.com/image/catalog/logo.png" class="logo" alt="">
				<a href="cart.html" class="icon icon-cart pull-right"></a>	
			</header>
			
			<!--客服固定图标-->
			<div class="cartfix">
				<a href="cart.html"></a>
			</div>
			
			<!--产品区 开始-->
			<div class="content">
				
				<!-- 轮播图 -->
				<div class="swiper-container" data-space-between='10'>
					<div class="swiper-wrapper">
						<div class="swiper-slide"><img src="http://test.renren1.com/image/catalog/slider/slide1.jpg" alt=""></div>
  		    			<div class="swiper-slide"><img src="http://test.renren1.com/image/catalog/slider/slide2.jpg" alt=""></div>
  		    			<div class="swiper-slide"><img src="http://test.renren1.com/image/catalog/slider/slide3.jpg" alt=""></div>
    				</div>
	        		<div class="swiper-pagination"></div>
				</div>
				
				<!--服务图片-->
	  			<div class="tmh-safe">
					  <img width="100%" src="http://img11.hqbcdn.com/activity/b6/8f/b68fc30c6ce8715f86762d854fc0dba0.png">
				</div>
				
				<!--分区按钮-->
				<div class="buttons-tab">
					<a href="#tab1" class="tab-link active button">限时特惠</a>
   			 		<a href="#tab2" class="tab-link button">iPhone专区</a>
    		 		<a href="#tab3" class="tab-link button">配件精选</a>
  				</div>
				
				<!--分区 开始-->
				<div class="tabs">
					<div id="tab1" class="tab active">
						<!--限时特卖 开始-->
						<div class="timer">
							<div class="region" onclick="location.href='iphone_part.html'">
								<div class="goodsimg">
									<img src="http://cimg.fenqile.com/uploaded/product/image/20150910_172733608ed72b17f41f55.png" class="listimg" alt="">
								</div>
										
								<div class="goodstext">
									<a href="#"><h2>iPhone 6s 苹果Apple 4G手机  玫瑰金 16G iPhone 6s</h2></a>
									<div class="daojishi">
										<span>
											<span>00</span>天
						 					<span>00</span>时
						 					<span>00</span>分
						 					<span>00</span>秒
										</span>
									</div>
											
									<p class="shoujia">
										新机价:<span class="newphoneprice">￥3000</span>
										<span class="buyed"> 已购买:300件</span>
									</p>
											
									<div class="payment">
										<i class="sanjiao"></i>
										现售价:
										<span>￥</span>
										<span class="money">2000</span>
									</div>
								</div>
							</div>
							
							<div class="region" onclick="location.href='iphone_part.html'">
								<div class="goodsimg">
									<img src="http://cimg.fenqile.com/uploaded/product/image/20150910_172733608ed72b17f41f55.png" class="listimg" alt="">
								</div>
										
								<div class="goodstext">
									<a href="#"><h2>iPhone 6s 苹果Apple 4G手机  玫瑰金 16G iPhone 6s</h2></a>
									<div class="daojishi">
										<span>
											<span>00</span>天
						 					<span>00</span>时
						 					<span>00</span>分
						 					<span>00</span>秒
										</span>
									</div>
											
									<p class="shoujia">
										新机价:<span class="newphoneprice">￥3000</span>
										<span class="buyed"> 已购买:300件</span>
									</p>
											
									<div class="payment">
										<i class="sanjiao"></i>
										现售价:
										<span>￥</span>
										<span class="money">2000</span>
									</div>
								</div>
							</div>
						</div>
						<!--限时特卖 结束-->
      				</div>
      				<div id="tab2" class="tab">
						<!--iPhone专区 开始-->
						<div class="iphone">
							<div class="region">
								<div>
									<img src="images/iphone_1.jpg" style="width: 5rem;height: 5rem;">
									<div class="name">
										<p><span>A级iPhone 5</span></p>
										<p><i>￥3000</i></p>
									</div>
								</div>
								<a href="#" class="button button-dark">现货购买</a>
							</div>
							
							<div class="region">
								<div>
									<img src="images/iphone_1.jpg" style="width: 5rem;height: 5rem;">
									<div class="name">
										<p><span>A级iPhone 5</span></p>
										<p><i>￥3000</i></p>
									</div>
								</div>
								<a href="#" class="button button-dark">现货购买</a>
							</div>
						</div>
						<!--iPhone专区 结束-->
					</div>
					<div id="tab3" class="tab">
						<!--配件精选 开始-->
						<div class="fittings">
							<div class="region">
								<div class="left" id="fittings_left">
									<img src="images\commend-text\commend01.jpg" style="width: 100%;">
									<div class="name">
										<p><span>小米入耳式耳机 黑色经典</span></p>
										<p><i>￥39</i></p>
									</div>
								</div>
								<div class="right" id="fittings_right">
									<img src="images\commend-text\commend02.jpg" style="width: 100%;">
									<div class="name">
										<p><span>小米充电宝</span></p>
										<p><i>￥69</i></p>
									</div>
								</div>
							</div>
			
							<div class="region">
								<div class="left" id="fittings_left">
									<img src="images\commend-text\commend03.jpg" style="width: 100%;">
									<div class="name">
										<p><span>小米USB连接数据线</span></p>
										<p><i>￥19</i></p>
									</div>
								</div>
								<div class="right" id="fitting_right">
									<img src="images\commend-text\commend04.jpg" style="width: 100%;">
									<div class="name">
										<p><span>小米原平音响</span></p>
										<p><i>￥109</i></p>
									</div>
								</div>
							</div>
						</div>
						<!--配件精选 结束-->
					</div>
				</div>
				<!--分区 结束-->
				
				<!--底部部分 开始-->
				<div class="foot">
					<div class="head">
						<img src="images/renren1.png">
						<span>— 二手特卖商城 —</span>
					</div>
				
					<div class="button-block">
						<div class="col-50"><a href="#" class="button button-big button-fill button-danger">客服热线</a></div>	
					</div>
				</div>
				<!--底部部分 结束-->
				
			</div>
			<!--产品区 结束-->
	
		</div>
		<script src="http://apps.bdimg.com/libs/require.js/2.1.9/require.min.js" data-main="js/app.js"></script>
			<script>
			require(['swiper'],function(index){
				index.swipe();
			});
		</script>
	</body>
</html>